<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App',
  mounted(){
    this.$store.dispatch('clearAll');
    this.$store.dispatch('clearFriendsMessage');
    this.$changeLanguage()
    // console.log('app mounted')
  },
}
</script>

<style lang="scss">
@import url('https://at.alicdn.com/t/c/font_4816936_nmvg8npeidn.css');

#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  height: 100%;
  width: 100%;
  color: var(--im-text-color);
  font-family: var(--im-font-family);
  box-sizing: border-box;
}

.el-button--primary {
  background-color: #255F46 !important;
  border-color: #255F46 !important;
}

.drag-box {
  -webkit-app-region: drag;
}

.drag-box-null{
  -webkit-app-region: drag;
  height: 50px;
  width: 100%;
}


.drag-box-null.newFriends{
  height: 50px;
}

.drag-box-none {
  -webkit-app-region: none;
}

* {
  box-sizing: border-box;
}
</style>
